<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<link rel="stylesheet" type="text/css" href="../c/animate.css" />
	<style>
		body {
		background-color:transparent;
		}
		/*签到窗口*/
		#t{
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			left:0;
			background-color:rgba(0,0,0,0.8);
			z-index: 1
		}
		#qiandao_msg {
			width: 100%;
			position: fixed;
			top: 50%;
			left: 50%;
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 2;
		}
		#qiandao_msg .img{
			width: 15rem;
			margin: 0 auto;
		}
		#qiandao_msg img#zhuli {
			margin: 0 auto;
			width: 100%;
		}

		#qiandao_msg #text {
			position: absolute;
			top: 0rem;
			text-align: center;
			margin: 0 auto;
			width: 100%;
			color: #fff;
			padding-top: 15%;
			z-index: 1;
		}

		#qiandao_msg #text p.b {
			font-size: 1rem;
			color: #fff;
		}

		#qiandao_msg #text p.b b {
			font-size: 1.5rem;
		}

		#qiandao_msg p {
			color: #fff;
			font-size: 0.7rem;
			padding-top: 0.5rem
		}

		#qiandao_msg .btn {
			position: relative;
			text-align: center;
			width: 100%;
			padding-top:0rem;
		}

		#qiandao_msg .sx-btn {
			width: 60%;
			background: #e51c23;
			text-align: center;
			padding: 0.35rem 0;
			border-radius: 1rem;
			margin: 0.3rem auto;
		}

		#qiandao_msg .btn .p {
			font-size: 0.65rem;
			opacity: 0.7
		}

		#qiandao_msg .btn .x {
			width: 1.3rem;
			text-align: center;
			margin: 0 auto;
			margin-top: 2rem;
		}
		/*#qiandao_msg img#zhuli{
			width: 65%;
		}*/
		.img{
			position: relative;
		}
		.img .text{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			text-align: center;
			padding-top: 5rem;
			color: #cb3536;
			font-size: 0.65rem;
		}
		.img .text b{
			color: #cb3536;
			font-size:2.5rem;
		}
		.img .text .p{
			margin-top: -0rem;
			font-size: 0.65rem;
		}
		.xiamian{
			position: absolute;
			bottom: 0;
			left: 0;
			right:0;
			/*margin-bottom: 3rem;*/
		}
		.xiamian .jindu{
			position: relative;
			width: 8rem;
			margin: 0 auto;
		}
		.xiamian .p{
			background:#fbc388;
			display: inline-block;
			float: right;
			color: #c8292e;
			border-radius: 0.75rem;
			padding: 0.1rem 0.35rem;
			text-align: center;
			font-size: 0.55rem;
			margin-bottom: 0.25rem;
		}
		.jindu .aui-progress{
			border-radius: 20rem;
			height: 0.25rem;
			background: rgba(255, 255, 255, 0.3);
		}
		.jindu .aui-progress-bar{
			background-image: linear-gradient(to right,rgba(251, 154, 93, 1), rgba(243, 198,177, 1));
			-webkit-transition:all 1s
		}
		.xiamian .p2{
			font-size: 0.6rem;
			color: #fbc388;
			text-align: center;
			padding: 0.5rem 0;
		}
		.fenxiang{
			width: 11rem;
			text-align: center;
			margin: 0 auto;
			padding-bottom: 1.5rem;
			padding-top: 0.5rem;
		}
		.an img.png{
			text-align: center;
			height: 2.2rem;
			width: 100%;
		}
		.an{
			position: relative;
		}
		.an div{
			display: flex;
			justify-content: center;
			align-items: center;
			color: #cb3536;
			position: absolute;
			top: 0;
			left: 0;
			padding-top: 0.5rem;
			text-align: center;
			width: 100%;
			font-size: 0.85rem;
			font-weight: bold;
		}
		#qiandao_msg .an div img{
			width: 1.2rem;
			margin-right: 0.25rem;
		}
		#money{
			position: absolute;
			top: 0;
			left: 0;
			text-align: center;
			width: 100%;
			padding-top: 4rem;
			color: #f00;
			font-size: 0.65rem;
		}
		#money b{
			font-size: 2.5rem;
			padding-right: 0.25rem;
		}
		.renwu{
			background: #10091b;
			padding: 0.75rem 0;
			border: 1px solid #999;
			width: 80%;
			margin: 0 auto;
			position: relative;
		}
		.money{
			font-size: 1rem;
			color: #f00;
			text-align: center;
			padding-top: 0.5rem;
		}
		.jinbi_img{
			width: 6.5rem;
			margin: 0.35rem auto;
		}
		.h5{
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 0.85rem;
			padding: 0.75rem 0;
		}
		.h5 img{
			width: 0.75rem;
		}
		.h5 span{
			padding:  0 0.35rem;
		}
		.list{
			/*padding-bottom: 0.75rem;*/
		}
		.li{
			display: flex;
			align-items: center;
			justify-content:flex-start;
			padding: 0.5rem 0.75rem;
		}
		.li img{
			width: 2.5rem;
			height: 2.5rem;
			margin-right: 0.5rem;
		}
		.li .t{
			font-size: 0.7rem;
			padding-bottom: 0.25rem;
		}
		.li .b{
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 0.6rem;
		}
		.li .b .fx{
			border: 1px solid #f9c959;
			color: #f9c959;
			font-size: 0.55rem;
			padding: 0.1rem 0.5rem;
			border-radius: 0.25rem;
		}
		.li .r{
			width: 100%;
		}
		.renwu em{
			width: 2rem;
			height: 2rem;
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.6rem;
		}
		.jinbi{
			color: #f9c959;
			text-align: center;
			font-size: 0.7rem;
			padding: 0.75rem 0;
			letter-spacing: 1.5px
		}
	</style>
</head>

<body>
	<div id="t"></div>
	<div id="qiandao_msg" class="zhuli">
		<div class="animated bounceIn">
			<div class="renwu">
				<em tapmode onclick="x()"><img src="../i/x.png" /></em>
				<div class="money">

				</div>
				<img class="jinbi_img" src="../i/renwu_reg.png" >
				<div class="h5"><img src="../i/hongbao/renwu_yuqi.png" ><span>预期收益</span><img src="../i/hongbao/renwu_yuqi.png" ></div>
				<script id="sx-list" type="text/x-dot-template">
					{{ for(var i=0; i < it.length; i++) { }}
					<div class="li" tapmode onclick="a({{= it[i].url}})">
						<img src="{{= it[i].img}}" >
						<div class="r">
							<div class="t aui-ellipsis">{{= it[i].text}}</div>
							<div class="b">{{= it[i].an}}</div>
						</div>
					</div>
					{{ } }}
				</script>
				<div class="list" id="sx-view"></div>
				<div class="jinbi"></div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		$('.jinbi').text((_getPrefs('_config').renwu.jinbi*100)+"金币=1元");
		$('.money').text('恭喜你'+_getPrefs('_config').hongbao.user_reg+'元提现已到账');
		_ajax('renwu/tan_info',function(ret,err){
			if(ret){
				var evalData = doT.template($api.html($api.byId('sx-list')));
				$api.html($api.byId('sx-view'), evalData(ret));
				_ajax('renwu/user_reg',function(ret,err){
					if(ret){
						console.log(JSON.stringify(ret))
					}else{
						console.log(JSON.stringify(err))
					}
				},{type:1})
			}else{
				_alert(JSON.stringify(ret))
			}
		})

	}
	function x(){
		api.closeFrame();
	}
	function a(url){
		eval('('+url+')');
		if(api.winName == 'root'){
			x();
		}
	}
</script>

</html>
